<script setup>
import HomeCategory from '@/views/Home/components/HomeCategory.vue'
import HomeBanner from '@/views/Home/components/HomeBanner.vue'
import HomeHot from '@/views/Home/components/HomeHot.vue'
import HomeNew from '@/views/Home/components/HomeNew.vue'
import HomeProduct from '@/views/Home/components/HomeProduct.vue'

</script>

<template>
  <div class="cate">
    <HomeCategory />
    <HomeBanner />
  </div>
    <HomeHot />
    <HomeNew />
    <HomeProduct />
</template>

<style scoped>
.cate {
  position: relative;
  height: 460px;
  width: 60%;
  margin-left: 20%;
}
</style>